<!DOCTYPE html>
<html>
<head>
<title>缓存监控页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
	    var path = window.document.location.href;
		var pathName = window.document.location.pathname;
		var hostPath = path.substring(0, path.indexOf(pathName));
		var projectName = pathName.substring(0, pathName.substr(1).indexOf("/") + 1);
		document.write('<scr' + 'ipt src="' + projectName + '/js/html/header.js"></scr'+'ipt>');
    </script>
</head>
<body>
	<table id="dg" style="width: auto; height: auto" fitColumns="true">
		<thead>
			<tr>
				<th field="id" data-options="hidden:true">ID</th>
				<th field="cacheName" width="100"  align="left" data-options="
				sortable:true,
				remoteSort:false
				">缓存管理器</th>
				<th field="cacheKey"  width="100"  align="left" data-options="
				sortable:true,
				remoteSort:false
				">缓存主键</th>
				<th field="cacheValType" width="100"  align="left" data-options="
				sortable:true,
				remoteSort:false
				">缓存对象</th>
				<th field="cacheValue" width="100"  align="left" data-options="
				sortable:true,
				remoteSort:false
				">缓存值</th>
			</tr>
		</thead>
	</table>  
	<div id="dg-buttons" style="height: auto">
		<div style="margin-bottom: 5px">
			<!-- 
			<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" 	onclick="dlgAdd()">新增</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" 	onclick="dlgRemove()">删除</a>
			 -->
			<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onclick="dlgEdit()">查看</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onclick="dlgRemove()">清除</a>
		</div>
		<div>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;选择:</span>
			<input type="text" id="searchKey" name="searchKey" class="easyui-combobox" />
			<span>等于:</span>
			<input type="text" id="searchValue" name="searchValue" class="easyui-validatebox" />
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" onclick="dgop.find()">查询</a>
		</div>
	</div>
	<div id="dlg" class="easyui-dialog" closed="true" style="width: 730px; height: 500px; padding: 10px 10px;" buttons="#dlg-buttons">
		<form method="post" id="fm">
			<table cellspacing="8px;">
				<td><input id="id" name="id" style="display: none" required="true"></td>
				<tr>
					<td>缓存管理器：</td>
					<td><input id="cacheName" name="cacheName" class="easyui-combobox" required="true" readonly="true">&nbsp;
				</tr>
				<tr>
					<td>缓存主键：</td>
					<td><input id="cacheKey" name="cacheKey" data-options="" multiline="true" style="width: 500px; height: 50px;" class="easyui-textbox" readonly="true">&nbsp; <span style="color: red">*</span></td>
				</tr>
				<tr>
					<td>缓存对象：</td>
					<td><input id="cacheValType" name="cacheValType" data-options="" multiline="true" style="width: 500px; height: 50px;" class="easyui-textbox" readonly="true">&nbsp; <span
						style="color: red">*</span></td>
				</tr>
				<tr>
					<td>缓存值：</td>
					<td><input id="cacheValue" name="cacheValue" data-options="" multiline="true" style="width: 500px; height: 200px;" class="easyui-textbox" readonly="true">&nbsp; <span
						style="color: red">*</span>
				</tr>
			</table>
		</form>
	</div>
	<div id="dlg-Details" class="easyui-window" closed="true" style="width: 730px; height: 280px; padding: 10px 10px;"></div>
	<script>
		var initd = {
			queryDataURL : "/monitor/cache/query",
			removeDataURL: "/monitor/cache/remove",
			dg : $('#dg')
		};
	</script>
</body>
</html>

